<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>守望先锋游戏专区</title>
    <link rel="stylesheet" type="text/css" href="style/public.css">
    <link rel="stylesheet" type="text/css" href="style/model.css">
    <link rel="stylesheet" type="text/css" href="style/overwatch.css">
</head>
<body>
    <!-- 头部start -->
    <div class="header">
        <div class="hdr_cnt">
            <div class="logo">
                <a href="#">
                    <h1>守望先锋游戏专区</h1>
                </a>
            </div>
            <div class="menu">
                <ul>
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#">英雄攻略</a></li>
                    <li><a href="#">地图解析</a></li>
                    <li><a href="#">漫画CG</a></li>
                    <li><a href="#">美图COS</a></li>
                    <li><a href="#">视频集锦</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 头部end -->
    
    <!-- 文章内页start -->
    <div class="commonWidth clearfix page_content">

        <div class="tx_lt_picwrap clearfix">
            <div class="largePic fl mr30">
                <a href="#">
                    <img src="" alt="" />
                    <div class="bg"></div>
                    <p>2016 ChinaJoy 暴雪展台奖品攻略</p>
                </a>
            </div>
            <div class="smallPic fl mr30">
                <a href="#">
                    <img src="" alt="" />
                    <div class="bg"></div>
                    <p>2016 ChinaJoy 暴雪展台奖品攻略</p>
                </a>
            </div>
            <div class="smallPic fl">
                <a href="#">
                    <img src="" alt="" />
                    <div class="bg"></div>
                    <p>2016 ChinaJoy 暴雪展台奖品攻略</p>
                </a>
            </div>
        </div>
        <div class="tx_lt_listWrap">
            <ul>
                <li class="active">
                    <div class="bg"></div>
                    <div class="img fl">
                        <a href="#"><img src="" alt="" width="240" height="135" /></a>
                    </div>
                    <div class="line fl"></div>
                    <div class="txt fl">
                        <h3><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></h3>
                        <span><em>万里长虹冷如冰</em>一天前</span>
                        <p><a href="#">放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是范放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是德萨发射点发射点发射点发生</a></p>
                    </div>
                    <strong class="voteWrap"><span class="icon-vote fl"></span>999</strong>
                </li>
                <li>
                    <div class="bg"></div>
                    <div class="img fl">
                        <a href="#"><img src="" alt="" width="240" height="135" /></a>
                    </div>
                    <div class="line fl"></div>
                    <div class="txt fl">
                        <h3><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></h3>
                        <span><em>万里长虹冷如冰</em>一天前</span>
                        <p><a href="#">放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是范放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是德萨发射点发射点发射点发生</a></p>
                    </div>
                    <strong class="voteWrap"><span class="icon-vote fl"></span>999</strong>
                </li>
                <li>
                    <div class="bg"></div>
                    <div class="img fl">
                        <a href="#"><img src="" alt="" width="240" height="135" /></a>
                    </div>
                    <div class="line fl"></div>
                    <div class="txt fl">
                        <h3><a href="#">天天守望第五期 女王夏一可少有的正面素材</a></h3>
                        <span><em>万里长虹冷如冰</em>一天前</span>
                        <p><a href="#">放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是范放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是放大范德萨范德萨 法大师傅大师傅士大夫大师傅士大夫但是德萨发射点发射点发射点发生</a></p>
                    </div>
                    <strong class="voteWrap"><span class="icon-vote fl"></span>999</strong>
                </li>
            </ul>
            <div class="more">
                <a href="javascript:;">加载更多...</a>
            </div>
        </div>

    </div>
    <!-- 文章内页end -->

    <script src="js/jquery-1.8.3.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('.tx_lt_listWrap').on('mouseover','li',function(){
            $(this).addClass('active').siblings().removeClass('active');
        });
    </script>
</body>
</html>